<template>
	<div class="home">
		<el-row :gutter="20">
			<el-col :xs="24" :sm="12" :md="7" :lg="7" :xl="7" class="grid-content">
				<el-card>
					232323
				</el-card>
			</el-col>
			<el-col :xs="24" :sm="12" :md="7" :lg="7" :xl="7" class="grid-content">
				<el-card>
					232323
				</el-card>
			</el-col>
			<el-col :xs="24" :sm="24" :md="10" :lg="10" :xl="10" class="grid-content">
				<el-card>
					232323
				</el-card>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import {mapGetters} from 'vuex'
	export default {
		computed:{
			...mapGetters(['size'])
		},
		components:{
		},
		name: 'Home',
		data(){
			return{
				
			}
		},
		
	}
</script>
<style scoped="scoped" lang="scss">
	.home{
		height: 100%;
	}
	.grid-content {
		margin-bottom: 15px;
	}
</style>
